<template>
  <div>
    <ul class="more-task clearfix">
      <li class="fl">
        <Official/>
         <br clear='all'/>
      </li>
      <li class="fl">
        <OffNotice/>
         <br clear='all'/>
      </li>
      <!--<li class="fl">-->
        <!--<GovernmentInspectors/>-->
         <!--<br clear='all'/>-->
      <!--</li>-->
      <!--<li class="fl">-->
        <!--<government/>-->
         <!--<br clear='all'/>-->
      <!--</li>-->
    </ul>
  </div>
</template>
<script>
  import OffNotice from '@/views/dashboard/OffNotice'
  import GovernmentInspectors from '@/views/dashboard/GovernmentInspectors'
  import Official from '@/views/dashboard/Official'
  import Government from '@/views/dashboard/Government'
  export default {
    components: { Government, OffNotice,GovernmentInspectors,Official, },
  }
</script>
<style scoped>
  .more-task li{
    height: 220px;
    overflow: hidden;
    background: #fff;
    margin-bottom: 1px;
  }

   .more-task li .box-card{
    height: 220px!important;
    overflow: hidden;
     border-bottom: 0;
  }

</style>